<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/WEB-INF/templates/templateFormulario.xhtml">
	<ui:define name="formContent">
		<p:messages autoUpdate="true" closable="true" />
		<f:loadBundle basename="props.lenguajes.messages" var="msg" />

		<h:panelGrid id="solicitudMovimiento" columns="4" style="border:none">
			<p:outputLabel
				value="#{msg['message.ide.activityType.solicitudMovimiento']}:"
				style="display: block; width:140px; font-weight:none; font-size: 12px;" />

			<p:outputLabel
				value="#{analizarIdeaMB.idea.solicitudMovimiento.descripcion}"
				style="display: block; width:520px; font-weight:bold; font-size: 12px;" />

			<p:outputLabel value="#{msg['message.ide.activityType.folio']}:"
				style="display: block; width:40px; font-weight:bold; font-size: 12px;" />

			<p:inputText value="#{analizarIdeaMB.idea.folioIdea}" readonly="true"
				style="font-size: 10px;" size="15" />
		</h:panelGrid>

		<h:panelGrid id="participantes" columns="1">
			<p:dataTable id="tablaParticipantes" var="par"
				value="#{analizarIdeaMB.participantes}"
				selection="#{analizarIdeaMB.participantenSeleccionado}"
				selectionMode="single" rowKey="#{par.persona.persona}">
				<f:facet name="header">  
		            Lista de participantes
		        </f:facet>
				<p:column headerText="">
					<p:commandButton value="D"
						action="#{analizarIdeaMB.eliminarParticipante}"
						process="@this, tablaParticipantes" />
					<p:commandButton value="E"
						action="#{analizarIdeaMB.editarInformacionParticipante}"
						process="@this, tablaParticipantes" />
				</p:column>

				<p:column
					headerText="#{msg['message.ide.competitor.numeroControl']}"
					style="font-size: 10px; font-weight:bold;">
					<h:outputLabel value="#{par.persona.persona}"
						style="width:60px; font-size: 10px; text-align:center; border-style:none;" />
				</p:column>

				<p:column
					headerText="#{msg['message.ide.competitor.nombreCompleto']}"
					style="width:150px; font-size: 10px; font-weight:bold;">
					<h:outputLabel value="#{par.persona.nombreCompleto}"
						style="width:150px; font-size: 10px; text-align:center; border-style:none;" />
				</p:column>

				<p:column headerText="#{msg['message.ide.competitor.centroCostos']}"
					style="font-size: 10px; font-weight:bold;">
					<h:outputLabel value="#{par.centroCostos}"
						style="width:40px; font-size: 10px; text-align:center; border-style:none;" />
				</p:column>

				<p:column headerText="#{msg['message.ide.competitor.area']}"
					style="width:70px; font-size: 10px; font-weight:bold;">
					<h:outputLabel value="#{par.area}"
						style="width:70px; font-size: 10px; text-align:center; border-style:none;" />
				</p:column>

				<p:column headerText="#{msg['message.ide.competitor.titular']}"
					style="font-size: 10px; font-weight:bold;">
					<p:selectBooleanCheckbox id="checkBoxTitular"
						value="#{par.titular}" disabled="true" />
				</p:column>

				<p:column headerText="#{msg['message.ide.competitor.celular']}"
					style="width:100px; font-size: 10px; font-weight:bold;">
					<h:outputLabel value="#{par.celular}"
						style="width:70px; font-size: 10px; text-align:center; border-style:none;" />
				</p:column>

				<p:column headerText="#{msg['message.ide.competitor.email']}"
					style="width:120px; font-size: 10px; font-weight:bold;">
					<h:outputLabel value="#{par.email}"
						style="width:110px; font-size: 10px; text-align:center; border-style:none;" />
				</p:column>

				<p:column headerText="#{msg['message.ide.competitor.extension']}"
					style="font-size: 10px; font-weight:bold;">
					<h:outputLabel value="#{par.extension}"
						style="width:40px; font-size: 10px; text-align:center; border-style:none;" />
				</p:column>

				<p:column headerText="#{msg['message.ide.competitor.ubicacion']}"
					style="font-size: 10px; font-weight:bold;">
					<h:outputLabel value="#{par.ubicacion}"
						style="width:50px; font-size: 10px; text-align:center; border-style:none;" />
				</p:column>

				<p:column
					headerText="#{msg['message.ide.competitor.participacion']}"
					style="font-size: 10px; font-weight:bold;">
					<h:outputLabel value="#{par.porcentaje}"
						style="width:30px; font-size: 10px; text-align:center; border-style:none;" />
				</p:column>
				<f:facet name="footer">
					<h:outputLabel value="#{msg['message.ide.competitor.total']} "
						style="font-size: 10px; font-weight:bold;" />
					<h:outputLabel id="totalProcentajeIdea"
						value="#{analizarIdeaMB.totalProcentajeIdea}%"
						style="font-size: 10px; font-weight:bold;" />
				</f:facet>
			</p:dataTable>
		</h:panelGrid>
		<p:separator />

		<h:panelGrid id="informacionExtraIdea" columns="4"
			style="text-align:right">

			<p:outputLabel
				value="#{msg['message.ide.ideaDetails.ideaImplementada']}"
				style="font-size: 10px; width:90px; font-weight:bold;" />

			<h:panelGrid id="ideaImplementada" columns="2">

				<p:selectBooleanCheckbox id="checkIdeaImplementada"
					value="#{analizarIdeaMB.ideaImplementada}"
					itemLabel="#{msg['message.ide.ideaDetails.ideaImplementadaSi']}">
					<p:ajax listener="#{analizarIdeaMB.marcarIdeaImplementada}" />
				</p:selectBooleanCheckbox>

				<p:selectBooleanCheckbox id="checkIdeaNoImplementada"
					value="#{analizarIdeaMB.ideaNoImplementada}"
					itemLabel="#{msg['message.ide.ideaDetails.ideaImplementadaNo']}">
					<p:ajax listener="#{analizarIdeaMB.marcarIdeaNoImplementada}" />
				</p:selectBooleanCheckbox>

			</h:panelGrid>

			<p:outputLabel id="fechaImplementacionOProbable"
				value="#{analizarIdeaMB.fechaImplementacionOProbable}"
				style="font-size: 10px; width:90px; font-weight:bold;" />
			<h:panelGrid style="text-align:left;">
				<p:calendar id="fechaImplementacion" size="15"
					value="#{analizarIdeaMB.fechaImplementacionIdea}"
					disabled="#{analizarIdeaMB.fechaImplementacionSoloLectura}">
					<p:ajax event="dateSelect"
						listener="#{analizarIdeaMB.handleDateSelect}" process="@this" />
				</p:calendar>
			</h:panelGrid>

			<p:outputLabel
				value="#{msg['message.ide.ideaDetails.ideaEconomica']}"
				style="font-size: 10px; width:90px; font-weight:bold;" />

			<h:panelGrid columns="2">

				<p:selectBooleanCheckbox id="checkIdeaEconomica"
					value="#{analizarIdeaMB.ideaEconomica}"
					itemLabel="#{msg['message.ide.ideaDetails.ideaImplementadaSi']}">
					<p:ajax listener="#{analizarIdeaMB.marcarIdeaEconomica}" />
				</p:selectBooleanCheckbox>

				<p:selectBooleanCheckbox id="checkNoIdeaEconomica"
					value="#{analizarIdeaMB.ideaNoEconomica}"
					itemLabel="#{msg['message.ide.ideaDetails.ideaImplementadaNo']}">
					<p:ajax listener="#{analizarIdeaMB.marcarIdeaNoEconomica}" />
				</p:selectBooleanCheckbox>

			</h:panelGrid>

			<p:outputLabel
				value="#{msg['message.ide.ideaDetails.potencialAhorro']}:"
				style="width:80px; font-size: 10px; width:50px; font-weight:bold;" />

			<h:panelGrid columns="2">
				<h:panelGrid columns="2">
					<p:inputText id="inputSavePotential"
						value="#{analizarIdeaMB.potencialAhorro}"
						style="width:50px; font-size: 10px;border-style:none;">
						<f:convertNumber pattern="##0.0#%" type="percent" />
					</p:inputText>

					<p:selectOneMenu value="#{analizarIdeaMB.monedaSeleccionada}"
						style="width:110px;font-size: 10px;text-align:left">
						<f:selectItems value="#{analizarIdeaMB.monedas}" var="moneda"
							itemLabel="#{moneda.nombre}" itemValue="#{moneda}" />
					</p:selectOneMenu>
				</h:panelGrid>
			</h:panelGrid>

			<h:outputLabel value="Comentarios/seguimiento:"
				style="width:80px; font-size: 10px; width:50px; font-weight:bold;" />

			<h:panelGrid columns="1" style="text-align:left">
				<p:inputText id="comentarioSeguimiento"
					value="#{analizarIdeaMB.idea.comentariosSeguimiento}"
					style="width:200px; font-size: 10px;border-style:none;" />
			</h:panelGrid>


			<h:outputLabel value="Resumen de la idea:"
				style="width:80px; font-size: 10px; width:50px; font-weight:bold;" />

			<h:panelGrid columns="1" style="text-align:left">
				<p:inputText id="resumenIdea" size="35"
					value="#{analizarIdeaMB.idea.resumenIdea}" />
			</h:panelGrid>


			<h:outputLabel value="Medidas:"
				style="width:80px; font-size: 10px; width:50px; font-weight:bold;" />
			<h:panelGrid columns="1" style="text-align:left">
				<p:inputText id="medidas" size="35"
					value="#{analizarIdeaMB.idea.medida}" />
			</h:panelGrid>

		</h:panelGrid>
		<p:separator />

		<p:panelGrid columns="2" style="border:none">
			<p:outputLabel value="Campaña: " />
			<p:commandLink value="Agregar/Ver" process="@this"
				action="#{analizarIdeaMB.agregarCampaign}" />
			<p:outputLabel value="Intercambio: " />
			<p:commandLink value="Agregar/Ver" process="@this"
				action="#{analizarIdeaMB.agregarIntercambio}" />
		</p:panelGrid>

		<ui:include
			src="/ide/ide_ideas/dialogos/filtrarIdea/agregarCampaign.xhtml" />
		<ui:include
			src="/ide/ide_ideas/dialogos/filtrarIdea/agregarIntercambioIdea.xhtml" />


		<h:outputLabel value="Autorizaciones"
			style="font-size: 10px; width:90px; font-weight:bold;"
			rendered="#{analizarIdeaMB.ideaEconomica}" />

		<h:panelGrid id="revisoresPanel" columns="2" style="text-align:center"
			rendered="#{analizarIdeaMB.ideaEconomica}">
			<h:panelGrid id="jefeInmediatoPanel" columns="2"
				rendered="#{analizarIdeaMB.mostrarJefeInmediato}">
				<h:outputLabel value="Jefe Inmediato"
					style="font-size: 10px; width:90px; font-weight:bold;" />
				<h:outputLabel
					value="#{analizarIdeaMB.idea.jefeInmediato.persona} - #{analizarIdeaMB.idea.jefeInmediato.nombreCompleto}" />
			</h:panelGrid>

			<h:panelGrid id="jefeGrado33Panel" columns="2"
				rendered="#{analizarIdeaMB.mostrarJefeGrado33}">
				<h:outputLabel value="Jefe Grado 30 o superior"
					style="font-size: 10px; width:90px; font-weight:bold;" />
				<h:outputLabel
					value="#{analizarIdeaMB.idea.jefeGrado30Superior.persona} - #{analizarIdeaMB.idea.jefeGrado30Superior.nombreCompleto}" />
			</h:panelGrid>

			<h:panelGrid id="gremioPanel" columns="3">
				<h:outputLabel value="Gremio"
					style="font-size: 10px; width:90px; font-weight:bold;" />
				<p:inputText id="numeroControlGremio" />
				<h:outputLabel
					value="#{analizarIdeaMB.idea.jefeInmediato.persona} - #{analizarIdeaMB.idea.jefeInmediato.nombreCompleto}" />
			</h:panelGrid>

			<h:panelGrid id="jefeGrado33Panel" columns="2"
				rendered="#{analizarIdeaMB.mostrarJefeGrado33}">
				<h:outputLabel value="Jefe Grado 30 o superior"
					style="font-size: 10px; width:90px; font-weight:bold;" />
				<h:outputLabel
					value="#{analizarIdeaMB.idea.jefeGrado30Superior.persona} - #{analizarIdeaMB.idea.jefeGrado30Superior.nombreCompleto}" />
			</h:panelGrid>

		</h:panelGrid>


		<h:panelGrid id="anexosImplementacion" columns="1" style="width:880px">
			<p:dataTable
				rendered="#{analizarIdeaMB.renderizarAnexoImplementacion}"
				id="tablaAnexos" var="anexo" value="#{analizarIdeaMB.anexosGrales}"
				selection="#{analizarIdeaMB.anexoSeleccionado}"
				selectionMode="single" rowKey="#{anexo.idIdeaAnexosGrales}">
				<p:column
					headerText="#{msg['message.ide.ideaDetails.anexoImplementacion']}"
					style="font-size: 10px; font-weight:bold;">
					<p:outputLabel value="#{anexo.nombre}"
						style="width:700px;font-size: 10px;" />
				</p:column>
				<p:column style="width:4%">
					<p:commandButton value="Remover Anexo"
						action="#{analizarIdeaMB.removerAnexo}"
						process="@this, tablaAnexos" />
				</p:column>
			</p:dataTable>
			<p:fileUpload fileUploadListener="#{analizarIdeaMB.handleFileUpload}"
				rendered="#{analizarIdeaMB.renderizarAnexoImplementacion}"
				dragDropSupport="false" auto="true" sizeLimit="300000"
				allowTypes="/(\.|\/)(gif|jpe?g|png)$/" showButtons="false"
				label="Subir Adjunto" process="@this" />
		</h:panelGrid>
		<p:separator />


		<h:panelGrid id="informacionIdeaPanel" columns="2">
			<p:outputLabel value="#{msg['message.ide.ideaInformation.nombre']}"
				style="font-size: 10px; width:90px; font-weight:bold;" />
			<p:inputText value="#{analizarIdeaMB.ideaNombre}" autoResize="false"
				disabled="true" style="width:700px; font-size: 10px;" size="15" />

			<p:outputLabel
				value="#{msg['message.ide.ideaInformation.situacion']}"
				style="font-size: 10px; font-weight:bold;" />

			<h:panelGrid columns="2">
				<p:inputTextarea value="#{analizarIdeaMB.ideaSituacion}"
					id="inputSituationStatus" style="width:350px; font-size: 10px;"
					autoResize="false" size="15" disabled="true" />
				<p:inputTextarea value="#{analizarIdeaMB.ideaPropuesta}"
					autoResize="false" id="inputSituationProposal"
					style="width:334px; font-size: 10px;" size="15" disabled="true" />
			</h:panelGrid>

			<p:outputLabel
				value="#{msg['message.ide.ideaInformation.resultadoBeneficio']}"
				style="font-size: 10px; width:90px; font-weight:bold;" />

			<p:inputTextarea value="#{analizarIdeaMB.ideaBeneficioResultado}"
				autoResize="false" id="inputProfits" disabled="true"
				style="width:700px; font-size: 10px;" size="15" />
		</h:panelGrid>

		<h:panelGrid id="tipoIdea" columns="3">
			<h:outputLabel value="#{msg['message.ide.ideaInformation.tipoIdea']}"
				style="font-size: 10px; width:90px; font-weight:bold;" />

			<p:selectBooleanCheckbox id="checkBoxProceso"
				value="#{analizarIdeaMB.mostrarProceso}"
				itemLabel="#{msg['message.ide.ideaInformation.proceso']}">
				<p:ajax listener="#{analizarIdeaMB.mostrarProcesos}" />
			</p:selectBooleanCheckbox>

			<p:selectBooleanCheckbox id="checkBoxProducto"
				value="#{analizarIdeaMB.mostrarProducto}"
				itemLabel="#{msg['message.ide.ideaInformation.producto']}">
				<p:ajax listener="#{analizarIdeaMB.mostrarProductos}" />
			</p:selectBooleanCheckbox>
		</h:panelGrid>

		<p:panel id="afectacionProcesoGrid" style="border:none"
			visible="#{analizarIdeaMB.mostrarProceso}">
			<p:panelGrid columns="1">
				<h:outputLabel
					value="#{msg['message.ide.processImpact.afectacionProceso']}"
					style="width:707px;font-size: 10px; font-weight:bold;" />

				<p:outputLabel
					style="font-size: 10px; font-weight:bold;text-align:center"
					value="#{msg['message.ide.processImpact.agregarProceso']}" />
			</p:panelGrid>

			<p:panelGrid columns="2" style="text-align:right">
				<p:outputLabel value="Áreas del vehículo" />
				<p:commandLink value="Agregar" process="@this"
					action="#{analizarIdeaMB.agregarAreasVehiculo}" />

				<p:outputLabel value="Autos" />
				<p:commandLink value="Agregar" process="@this"
					action="#{analizarIdeaMB.agregarAutoProceso}" />

				<p:outputLabel value="Inicio Planeado" />
				<p:panelGrid columns="2">
					<p:commandLink value="Agregar" process="@this"
						action="#{analizarIdeaMB.agregarInicioPlaneado}" />
					<p:commandLink value="Mostrar" process="@this"
						action="#{analizarIdeaMB.mostrarInicioPlaneado}" />
				</p:panelGrid>

				<p:outputLabel value="Número de parte" />
				<p:panelGrid columns="2">
					<p:commandLink value="Agregar" process="@this"
						action="#{analizarIdeaMB.agregarNumeroParte}" />
					<p:commandLink value="Mostrar" process="@this"
						action="#{analizarIdeaMB.mostrarNumeroParte}" />
				</p:panelGrid>


				<p:outputLabel value="Número PKO" />
				<p:panelGrid columns="2">
					<p:commandLink value="Agregar" process="@this"
						action="#{analizarIdeaMB.agregarPKO}" />
					<p:commandLink value="Mostrar" process="@this"
						action="#{analizarIdeaMB.mostrarPKO}" />
				</p:panelGrid>


				<p:outputLabel value="Número AEKO" />
				<p:panelGrid columns="2">
					<p:commandLink value="Agregar" process="@this"
						action="#{analizarIdeaMB.agregarAEKO}" />
					<p:commandLink value="Mostrar" process="@this"
						action="#{analizarIdeaMB.mostrarAEKO}" />

				</p:panelGrid>

				<p:outputLabel value="Punto Programa" />
				<p:panelGrid columns="2">
					<p:commandLink value="Agregar" process="@this"
						action="#{analizarIdeaMB.agregarPuntoPrograma}" />
					<p:commandLink value="Mostrar" process="@this"
						action="#{analizarIdeaMB.mostrarPuntoPrograma}" />
				</p:panelGrid>


			</p:panelGrid>

			<ui:include src="/ide/ide_ideas/dialogos/producto/agregarParte.xhtml" />
			<ui:include
				src="/ide/ide_ideas/dialogos/producto/agregarAutoProceso.xhtml" />
			<ui:include src="/ide/ide_ideas/dialogos/producto/agregarASIS.xhtml" />
			<ui:include
				src="/ide/ide_ideas/dialogos/producto/agregarInicioPlaneado.xhtml" />
			<ui:include
				src="/ide/ide_ideas/dialogos/producto/agregarNumeroParte.xhtml" />
			<ui:include src="/ide/ide_ideas/dialogos/producto/agregarPKO.xhtml" />
			<ui:include
				src="/ide/ide_ideas/dialogos/producto/agregarPuntoPrograma.xhtml" />
			<ui:include src="/ide/ide_ideas/dialogos/producto/agregarTOBE.xhtml" />
			<ui:include src="/ide/ide_ideas/dialogos/producto/agregarAEKO.xhtml" />
		</p:panel>
		<p:separator />

		<p:panel id="afectacionProductoGrid"
			visible="#{analizarIdeaMB.mostrarProducto}">
			<p:panelGrid columns="2" style="text-align:left">
				<p:outputLabel value="Naves" />

				<p:commandLink value="Agregar" process="@this"
					action="#{analizarIdeaMB.agregarNaves}" />

				<p:outputLabel value="Lugares" />

				<p:panelGrid columns="2">
					<p:commandLink value="Agregar" process="@this"
						action="#{analizarIdeaMB.agregarLugar}" />
					<p:commandLink value="Mostrar" process="@this"
						action="#{analizarIdeaMB.mostrarLugar}" />
				</p:panelGrid>

				<p:outputLabel value="Agregar autos" />
				<p:commandLink value="Agregar" process="@this"
					action="#{analizarIdeaMB.agregarAutoProducto}" />

			</p:panelGrid>

			<ui:include
				src="/ide/ide_ideas/dialogos/producto/agregarAutoProducto.xhtml" />
			<ui:include src="/ide/ide_ideas/dialogos/producto/agregarLugar.xhtml" />
			<ui:include src="/ide/ide_ideas/dialogos/producto/agregarNave.xhtml" />
		</p:panel>

		<h:panelGrid columns="4">
			<p:commandButton id="completarInformacion" style="margin-top:5px"
				process="@this, comentarioSeguimiento, resumenIdea, medidas"
				value="Completar informacion"
				action="#{analizarIdeaMB.completarInformacion}" />

			<p:commandButton id="analizarIdea" style="margin-top:5px"
				process="@form" value="Analizar"
				action="#{analizarIdeaMB.analizarIdea}" />
			<p:commandButton id="evaluarIdea" style="margin-top:5px"
				process="@this, informacionIdeaPanel" value="Evaluar"
				action="#{analizarIdeaMB.evaluarIdea}" />
			<p:commandButton id="cancelarIdea" style="margin-top:5px"
				process="@form" value="Cancelar"
				action="#{analizarIdeaMB.completarInformacion}" />

		</h:panelGrid>
	</ui:define>

</ui:composition>